<div class="paginatorbar">
        <ul class="page-list row">
            {% if page_obj.has_previous %}
                <li class="col-xs-1"><a href="?{{ page_obj.previous_page_number.querystring }}"
                                        class="fas fa-angle-left pull-left">Prev</a></li>
            {% endif %}
            {% for page in page_obj.pages %}
                {% if page %}
                    {% ifequal page page_obj.number %}
                        <li class="col-xs-1 active"><a href="?{{ page.querystring }}">{{ page }}</a></li>
                    {% else %}
                        <li class="col-xs-1"><a href="?{{ page.querystring }}">{{ page }}</a></li>
                    {% endifequal %}
                {% else %}
                    <li class="col-xs-1"><a href="">...</a></li>
                {% endif %}
            {% endfor %}
            {% if page_obj.has_next %}
                <li class="col-xs-1"><a href="?{{ page_obj.next_page_number.querystring }}"
                                        class="fas fa-angle-right pull-right">Next</a></li>
            {% endif %}
        </ul>
    </div>